<template>
  <div class="student">
    <h1>学生姓名:{{ name }}</h1>
    <h1>学生年龄:{{ age }}</h1>
    <button @click="sendStudentName">发送学生姓名给school组件</button>
  </div>
</template>

<script>
import pubsub from "pubsub-js";
export default {
  name: "Student",
  data() {
    return {
      name: "mimi",
      age: 18,
    };
  },
  methods: {
    sendStudentName() {
      //发布消息
      //使用pubsub.publish方法，第一个参数是消息名称，第二个参数及后面是要传的数据
      pubsub.publish("hello", 666);
    },
  },
};
</script>

<style>
.student {
  background-color: aqua;
  margin-top: 30px;
}
</style>